<!DOCTYPE html>
<html class="am-touch js cssanimations">
<head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <title>快快打车首页</title>
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" />
    <meta name="renderer" content="webkit" />
    <link rel="icon" type="image/png" href="../assets/i/favicon.png" />
    <link rel="stylesheet" href="../assets/css/amazeui.min.css" />
    <link rel="stylesheet" href="../assets/css/app2.css" />
    <link rel="stylesheet" href="../assets/css/icon2.css"/>
    <!--<link rel="stylesheet" href="../assets/css/basic.css" />
    <link rel="stylesheet" href="../assets/css/app.css" />-->
    <style type="text/css">
        i.ui-font{
            background: url("../assets/i/icon/green-top.png") no-repeat 0 0;
            background-size: 15px 15px;
            width: 27%;
            display: inline-block;
        }
    </style>
</head>
<body class="am-with-topbar-fixed-bottom">
<div class="container">
    <!-- 图片轮播 -->
    <!--
    <div class="am-slider am-slider-a1">
        <ul class="am-slides">
            <li><img src="../assets/i/examples/slider2.png"></li>
            <li><img src="../assets/i/examples/slider2.png"></li>
            <li><img src="../assets/i/examples/slider2.png"></li>
            <li><img src="../assets/i/examples/slider2.png"></li>
        </ul>
    </div>
    -->
    <img src="../assets/i/examples/slider2.jpg" id="imgUrl"/>

    <section class="kuaikuai-product">
        <article class="am-paragraph am-paragraph-default">
            <h3 class="am-text-sm">快快极致打蜡洗车（五座以内轿车）</h3>
            <hr class="am-divider am-divider-default">
            <a href="showInfo.html" class="am-rei">
                <p class="am-text-sm am-u-sm-8">价值68元的高品质极致打蜡洗车，现在只需48元即可拥有。</p>
                <p class="am-fr am-u-sm-3">详情<i class="ui-font am-fr rgb-wei">&nbsp;</i></p>
            </a>
        </article>
    </section>
</div>

<nav class="kuaikuai-header clearfix">
    <section class="kuaikuai-product">
        <article class="am-paragraph am-paragraph-default">
            <h3 class="am-text-sm am-u-sm-8 username">服务网点</h3>
            <p class="am-fr2 am-u-sm-3"><a class="more" href="around.html">更多</a></p>
            <hr class="am-divider am-divider-default">
            <div class="detail">
                <p style="width: 100%">
                    <span class="address">南园店(1.68km)</span>
                    <span class="am-fr over">已售186单</span>
                </p>
            </div>
        </article>
    </section>
</nav>

<nav class="kuaikuai-header">
    <section class="kuaikuai-product">
        <article class="am-paragraph am-paragraph-default">
            <h3 class="am-text-sm am-u-sm-8 username">用户评价</h3>
            <p class="am-fr2 am-u-sm-3"><a class="more" href="showInfo.html">更多</a></p>
            <hr class="am-divider am-divider-default">
            <div class="detail">
                <p style="width: 100%">
                    <span class="name">喵喵落</span>
                    <span class="am-fr time">2015-03-24  16:58</span>
                </p>
                <p class="content"><span>态度服务佳！效果是亮晶晶哦！车内清洁也很细致！赞！洗完真的感觉滑滑的~~~</span></p>
                <div class="rate-score clearfix">
                    <p class="am-u-sm-4">服务：<span><b class="score">5.0分</b></span></p>
                    <p class="am-u-sm-4">时长：<span><b class="score">5.0分</b></span></p>
                    <p class="am-u-sm-4">品质：<span><b class="score">5.0分</b></span></p>
                </div>
            </div>
        </article>
    </section>
</nav>

<div class="cart-btns-fixed" style="display: table;">
    <div class="cart-btns-fixed-box">
        <p class="am-fl">48元<s>68元</s></p>
        <button type="button" class="am-btn am-btn-danger am-radius am-fr">立即购买</button>
    </div>
</div>

<script src="../assets/js/jquery.min.js" type="text/javascript"></script>
<script src="../assets/js/amazeui.js" type="text/javascript"></script>
<script type="text/javascript">
    $(function() {
        $('.am-slider').flexslider({
            // options
            slideshowSpeed: 3000
        });

        $('button.am-btn').on('click', function() {
            window.location.href = 'orderInfo.html';
        });
    });
</script>
</body>
</html>